/* vertical */

ul.vertical { position:relative; width:100%; float: left;}
ul.vertical, ul.vertical ul {margin: 0;	padding: 0;}
ul.vertical li { float:left; cursor: pointer; list-style-type:none; padding:0 !important; width:100%; background:url(../images/line2.jpg) repeat-x  top  left ;}
ul.vertical li:first-child   { background:none}
ul.vertical  ul {	width: 200px;	position: absolute; 	z-index: 99;	left: -999em; background: #d7d7d7 ; border:1px solid #c4c4c4; }
ul.vertical  li:hover > ul {left: 95%; margin: -29px 0 0 0;}

ul.vertical li a, ul.vertical span.separator { font-size:11px; text-transform:uppercase; padding:0 10px; color:#212627; display:block; outline:none; line-height:35px; }
ul.vertical li:hover a,  ul.vertical li.active a{ color:#018db0;}

ul.vertical span { display:block;}
ul.vertical li.parent > a > span {background: url(../images/arrow.png) no-repeat right  center;  }

ul.vertical ul  a { color:#212627 !important;} 
ul.vertical ul  a:hover, ul.vertical ul li.active > a { color: #018db0 !important ;}
